<template>
  <div class="children">
    <el-tabs v-model="activetab" tab-position="left">
      <el-tab-pane name="1">
        <span slot="label"><i class="el-icon-tickets"></i> 基本信息</span>
        <template v-if="activetab === '1'">
          <Contens :rowObj="rowObj"></Contens>
        </template>
      </el-tab-pane>
      <el-tab-pane name="2">
        <span slot="label"><i class="el-icon-magic-stick"></i> 备件</span>
        <template v-if="activetab === '2'">
          <SpareParts :rowObj="rowObj"></SpareParts>
        </template>
      </el-tab-pane>
      <el-tab-pane name="3">
        <span slot="label"><i class="el-icon-s-tools"></i> 维修</span>
        <template v-if="activetab === '3'">
          <Repair :rowObj="rowObj"></Repair>
        </template>
      </el-tab-pane>
      <el-tab-pane name="4">
        <span slot="label"><i class="el-icon-brush"></i> 保养</span>
        <template v-if="activetab === '4'">
          <Maintainance :rowObj="rowObj"></Maintainance>
        </template>
      </el-tab-pane>
      <el-tab-pane name="5">
        <span slot="label"><i class="el-icon-set-up"></i> 巡检</span>
        <template v-if="activetab === '5'">
          <InspectionRecord :rowObj="rowObj"></InspectionRecord>
        </template>
      </el-tab-pane>
      <el-tab-pane name="6">
        <span slot="label"><i class="el-icon-lightning"></i> 调拨</span>
        <template v-if="activetab === '6'">
          <Transfer :rowObj="rowObj"></Transfer>
        </template>
      </el-tab-pane>
      <el-tab-pane name="7">
        <span slot="label"><i class="el-icon-data-line"></i> 验收</span>
        <template v-if="activetab === '7'">
          <Acceptance :rowObj="rowObj"></Acceptance>
        </template>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: 'SubsetContent',
  props: ['rowObj'],
  components: {
    Contens: () => import('./components/contens.vue'),//基本信息
    SpareParts: () => import('./components/spareparts.vue'),//备件
    Repair: () => import('./components/repair.vue'),//维修
    Maintainance: () => import('./components/maintainance.vue'),//保养
    InspectionRecord: () => import('./components/InspectionRecord.vue'),//巡检
    Transfer: () => import('./components/transfer.vue'),//调拨
    Acceptance: () => import('./components/acceptance.vue')//验收
  },
  data () {
    return {
      activetab: '1'
    }
  },
  created () {

  },
  methods: {

  }
}
</script>

<style lang="scss">
.children h4 {
  font-weight: bold;
  color: #606266;
}

.children .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
  text-align: center;
}
</style>